<!--
此文件为开发者工具生成，生成时间: 2023/11/26上午12:47:04
使用方法：
在 F:\HBuilderProjects\MeiduoApp\unpackage\dist\dev\mp-weixin\pages\goodsDetails\goodsDetails.wxml 引入模板

```
<import src="goodsDetails.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 F:\HBuilderProjects\MeiduoApp\unpackage\dist\dev\mp-weixin\pages\goodsDetails\goodsDetails.wxss 中引入样式
```
@import "./goodsDetails.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="details data-v-4645c248">
      <scroll-view class="data-v-4645c248" scroll-y="true" style="height:674px" enable-back-to-top="true">
        <view class="pic data-v-4645c248">
          <image class="data-v-4645c248 sk-image" mode="aspectFill"></image>
        </view>
        <view class="price data-v-4645c248 sk-transparent sk-text-14-2857-372 sk-text">￥28.50</view>
        <view class="name data-v-4645c248 sk-transparent sk-text-14-2857-944 sk-text">三只松鼠手剥东北开口松子 坚果炒货零食特产每日坚果</view>
        <view class="num data-v-4645c248">
          <text class="tag data-v-4645c248 sk-transparent sk-text-14-2857-716 sk-text">数量</text>
          <view class="num-oper data-v-4645c248">
            <view class="data-v-4645c248 sk-transparent sk-text-20-0000-826 sk-text" style="background-position-x: 50%;">-</view>
            <view class="data-v-4645c248 sk-transparent sk-text-20-0000-14 sk-text" style="background-position-x: 50%;">1</view>
            <view class="data-v-4645c248 sk-transparent sk-text-20-0000-696 sk-text" style="background-position-x: 50%;">+</view>
          </view>
        </view>
        <view class="info data-v-4645c248">
          <view class="brand data-v-4645c248 sk-transparent">
            <text class="tag data-v-4645c248 sk-transparent sk-text-14-2857-356 sk-text">品牌</text>三只松鼠</view>
          <view class="type data-v-4645c248 sk-transparent">
            <text class="tag data-v-4645c248 sk-transparent sk-text-14-2857-552 sk-text">类别</text>食品</view>
          <view class="weight data-v-4645c248 sk-transparent">
            <text class="tag data-v-4645c248 sk-transparent sk-text-14-2857-929 sk-text">重量</text>500g</view>
          <view class="uptime data-v-4645c248 sk-transparent">
            <text class="tag data-v-4645c248 sk-transparent sk-text-14-2857-505 sk-text">上架时间</text>2022-01-23 </view>
        </view>
        <view class="intrduce data-v-4645c248">
          <rich-text class="data-v-4645c248" nodes="...."></rich-text>
        </view>
      </scroll-view>
    </view>
    <view class="goods-carts data-v-4645c248">
      <view is="uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav" class="data-v-4645c248">
        <view class="uni-goods-nav nav--uni-goods-nav">
          <view class="uni-tab__seat nav--uni-tab__seat"></view>
          <view class="uni-tab__cart-box nav--uni-tab__cart-box flex nav--flex">
            <view class="flex nav--flex uni-tab__cart-sub-left nav--uni-tab__cart-sub-left">
              <view class="flex nav--flex uni-tab__cart-button-left nav--uni-tab__cart-button-left uni-tab__shop-cart nav--uni-tab__shop-cart">
                <view class="uni-tab__icon nav--uni-tab__icon">
                  <view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
                    <text class="uni-icons icons--uni-icons uniui-shop icons--uniui-shop sk-pseudo sk-pseudo-circle" style="color:#646566;font-size:20px"></text>
                  </view>
                </view>
                <text class="uni-tab__text nav--uni-tab__text sk-transparent sk-text-14-2857-730 sk-text">店铺</text>
                <view class="flex nav--flex uni-tab__dot-box nav--uni-tab__dot-box"></view>
              </view>
              <view class="flex nav--flex uni-tab__cart-button-left nav--uni-tab__cart-button-left uni-tab__shop-cart nav--uni-tab__shop-cart">
                <view class="uni-tab__icon nav--uni-tab__icon">
                  <view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
                    <text class="uni-icons icons--uni-icons uniui-cart icons--uniui-cart sk-pseudo sk-pseudo-circle" style="color:#646566;font-size:20px"></text>
                  </view>
                </view>
                <text class="uni-tab__text nav--uni-tab__text sk-transparent sk-text-14-2857-5 sk-text">购物车</text>
                <view class="flex nav--flex uni-tab__dot-box nav--uni-tab__dot-box"></view>
              </view>
            </view>
            <view class="flex nav--flex uni-tab__cart-sub-right nav--uni-tab__cart-sub-right">
              <view class="flex nav--flex uni-tab__cart-button-right nav--uni-tab__cart-button-right sk-image" style="background:linear-gradient(90deg, #FFCD1E, #FF8A18);color:#fff">
                <text class="uni-tab__cart-button-right-text nav--uni-tab__cart-button-right-text sk-transparent sk-text-14-2857-725 sk-text" style="color:#fff">加入购物车</text>
              </view>
              <view class="flex nav--flex uni-tab__cart-button-right nav--uni-tab__cart-button-right sk-image" style="background:linear-gradient(90deg, #FE6035, #EF1224);color:#fff">
                <text class="uni-tab__cart-button-right-text nav--uni-tab__cart-button-right-text sk-transparent sk-text-14-2857-264 sk-text" style="color:#fff">立即购买</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script></script>
<style>
	/*
	此文件为开发者工具生成，生成时间: 2023/11/26上午12:47:04
	
	在 F:\HBuilderProjects\MeiduoApp\unpackage\dist\dev\mp-weixin\pages\goodsDetails\goodsDetails.wxss 中引入样式
	```
	@import "./goodsDetails.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-372 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 47.6000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-944 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-716 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-20-0000-826 {
	    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
	    background-size: 100% 40.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-0000-14 {
	    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
	    background-size: 100% 40.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-0000-696 {
	    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
	    background-size: 100% 40.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-356 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-552 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-929 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-505 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-730 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-5 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-725 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-264 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>